﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="passwordPopup.ascx.cs"
    Inherits="NCT.Web.Frontend.Modules.User.Profile.PasswordPopupControl" %>
<div id="tab-nav-profile">
    <ul>
        <li><a href="javascript:;" rel="nofollow" class="active">
            <div>
                Thay đổi mật khẩu</div>
        </a></li>
        <li><a href="javascript:;" rel="nofollow">
            <div>
                Ẩn tài khoản</div>
        </a></li>
    </ul>
</div>
<div id="tab-nav-profile-target" class="tab-body">
    <div class="tab-target" style="display: block;">
        <div id="password-popup">
            <div class="password-change">
                <%-- <div class="top-title">
            <span>Thay đổi mật khẩu</span>
        </div>--%>
                <div class="form">
                    <div class="field">
                        <label class="title">
                            Mật khẩu hiện tại:</label>
                        <div class="right">
                            <input type="password" name="OldPassword" id="OldPassword" title="Xin nhập mật khẩu hiện tại vào đây"
                                class="input" /></div>
                    </div>
                    <div class="field">
                        <label class="title">
                            Mật khẩu mới:</label>
                        <div class="right">
                            <input type="password" name="NewPassword" id="NewPassword" title="Xin nhập mật khẩu mới vào đây"
                                class="input" /></div>
                    </div>
                    <div class="field">
                        <label class="title">
                            Xác nhận mật khẩu:</label>
                        <div class="right">
                            <input type="password" name="ConfirmNewPassword" id="ConfirmNewPassword" title="Xin nhập xác nhận mật khẩu mới vào đây"
                                class="input" /></div>
                    </div>
                    <div class="field">
                        <label class="title">
                            &nbsp;</label>
                        <div class="right">
                            <input type="button" id="btnChangePassword" name="btnChangePassword" />
                            <img src="<%=AppSettings.ResourcesPath %>/images/ajax-loader.gif" id="passwordChanging"
                                style="display: none; padding: 10px 0 5px 150px;" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-target" style="display: none;">
        <div id="password-popup">
            <div class="password-change">
                <div class="form">
                    <div class="field">
                        <input type="radio" id="ShowProfile" name="HideProfile" <% if(isShowProfile){ %> checked="checked" <%} %> />
                        <label for="ShowProfile">
                            Hiển thị tài khoản</label> | 
                        <input type="radio" id="HideProfile" name="HideProfile" <% if(!isShowProfile){ %> checked="checked" <%}%> />
                        <label for="HideProfile">
                            Ẩn tài khoản</label>
                    </div>
                    <div class="field">
                        <label class="title-captcha">
                            Nhập mã xác nhận: </label>
                        <div class="right">
                            <img class="img-captcha" src="<%=AppSettings.RootURL %>api/captcha.ashx" /> <a id="changeCaptcha" href="javascript:;" title="Thay đổi hình khác" ><img style="vertical-align:bottom;" src="../../../../res/images/icon-refresh.jpg" /></a>
                            <input type="text" class="input" title="Vui lòng nhập mã xác nhận vào đây" id="CaptchaProfile" maxlength="4"  name="CaptchaProfile">
                        </div>
                    </div>
                    <div class="field">
                        <label class="title">&nbsp;</label>
                        <div class="right">
                            <input type="button" id="btnChangeStatus" class="btnChangeStatus" name="btnChangeStatus" />
                            <img src="<%=AppSettings.ResourcesPath %>/images/ajax-loader.gif" id="passwordChanging" style="display: none;
                                padding: 10px 0 5px 150px;" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
